@model Ruitu.Edu.TrainingDemo.ViewModels.EditColorFieldViewModel
@using Ruitu.Edu.TrainingDemo.Settings
@using OrchardCore.ContentManagement.Metadata.Models

@{
    // 在编辑器 shape 中可以通过 PartFieldDefinition.Settings 访问设置。
    // 需要提取自己的设置对象后才能使用（如显示提示信息）。
    var settings = Model.PartFieldDefinition.GetSettings<ColorFieldSettings>();
}

<fieldset class="form-group colorFieldEditor">
    <legend>@Model.PartFieldDefinition.DisplayName()</legend>

    <label asp-for="ColorName" class="form-label colorFieldEditor__label">@T["Color name"]</label>
    <input asp-for="ColorName" class="form-control content-preview-text colorFieldEditor__input" />

    <label asp-for="Value" class="form-label colorFieldEditor__label">@T["Hexadecimal value"]</label>
    <input asp-for="Value" class="form-control content-preview-text colorFieldEditor__input" />
    @if (!string.IsNullOrEmpty(settings.Hint))
    {
        <span class="hint colorFieldEditor__hint">@settings.Hint</span>
    }
</fieldset>

@* 下一站：Drivers/ColorFieldDisplayDriver，找到 UpdateAsync 方法。 *@
